<!DOCTYPE html>
<html xmlns:th="http://www.thymeleaf.org">
<head>
<meta charset="UTF-8">
<title>素材列表</title>
<script type="text/javascript" th:src="@{/js/material_config/config.js}"></script>
</head>
<body>
<div id="pageDiv">
	 	<div>
	    	<el-breadcrumb separator-class="el-icon-arrow-right">
			  <el-breadcrumb-item>素材管理</el-breadcrumb-item>
			  <el-breadcrumb-item>素材列表</el-breadcrumb-item>
			</el-breadcrumb>
		</div>
		<br/>
		<div>
			<template>
				<!-- 表格 -->
				<el-table  v-loading="loading" :data="tableData" height="465"  style="width: 100%">
					<el-table-column prop="name" label="素材名称" width="300"></el-table-column>
				    <el-table-column prop="url" label="保存地址" width="250"></el-table-column>
				    <el-table-column prop="createTime" label="保存时间" :formatter="dateFormat" width="200"></el-table-column>
				    <el-table-column prop="memo" label="素材类型" width="150"></el-table-column>
				    <el-table-column label="编辑配置详情">
				      <template slot-scope="scope">
				        <el-button size="mini" plain type="danger" @click.native.prevent="deleteConfig(scope.$index, scope.row,tableData)"> 删除</el-button> 
				      </template>
				    </el-table-column>
				</el-table>
				<!-- 分页 -->
		    	<el-pagination 
		    		background
		    		@size-change="handleSizeChange" 
		    		@current-change="handleCurrentChange" 
		    		:current-page="currentPage" 
		    		:page-sizes="[3,5,10]" 
		    		:page-size="pagesize" layout="total, sizes, prev, pager, next, jumper" 
		    		:total="totalSize">
    			</el-pagination>
			</template>
		</div>
	</div>
</body>
</html>